今天最後再加入一些樣式，把畫面優化一下。
▍隱藏滾動條
::-webkit-scrollbar {
display: none;
}
畫面在沒有滾動條和有滾動條之間切換的時候，就算加上過渡還是會像下面這樣，滾動條消失地很生硬。
隱藏後，畫面切換地更流暢。
▍禁止文字選取
body{
user-select: none;
}
前面我在加入主畫面需要的元素時，直接用文字的形式加入了，而文字類型在瀏覽器上是默認可以被選取的，如果不希望被選取，就要額外做設定。
▍漸層
.background{
background: linear-gradient( 方向 , 起始顏色 , 結束顏色 );
}
上面的例子是最簡單的一種，也可以指定兩種以上的顏色，更多效果可以到MDN-gradient/linear-gradient參考。
參考資料/延伸閱讀
iThome鐵人賽
看影片追技術